<script setup>
import { ref, reactive, toRefs, onMounted } from 'vue'
import OrderCardTWO from "../components/order/OrderCardTWO.vue";
const userInfo = reactive({
    id: "",
    name: "",
    email: "",
    phone: "",
    role: "",
    avatarUrl: "https://tse1-mm.cn.bing.net/th/id/R-C.9de4e9db9dda99a39136ffa58f67bdf8?rik=OJhgPexd1gqc8A&pid=ImgRaw&r=0"
})

const { avatarUrl } = toRefs(userInfo)
</script>

<template>
  <div>
    <div class="user-info-container">
    <el-avatar shape="square" :size="100" :src="avatarUrl" />
    <span></span>
  </div>
<!--    <OrderCardNew :userId="userInfo.id+1"/>-->
    <h1>订单列表</h1>
  <OrderCardTWO :userId="1"/>
  </div>

</template>

<style>
</style>
